<template>
  <a-alert
    message="Warning text"
    banner
    closable
    type="error"
  />
  <div style="margin-top: 200px;">
    <a-alert
      message="Success Text"
      type="success"
      show-icon
      description="Detailed description and advices about successful copywriting."
    />
    <a-alert
      message="Success Text"
      type="info"
      closable
      show-icon
      close-text="Close Now"
    />
    <a-alert
      message="Success Tips"
      type="success"
      show-icon
      closable
    >
      <template #action>
        <a-button
          size="small"
          type="text"
        >UNDO</a-button>
      </template>
    </a-alert>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  data() {
    return {
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
